<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>创建课程-创建完成</title>
	<link rel="stylesheet" href="css/common.css">
	<link rel="stylesheet" href="css/left.css">
	<link rel="stylesheet" href="css/addcourse_finish.css">
</head>
<body>
<!-- 加载头部信息 -->
<?php
	include_once("header.php");
?>

<!-- 中间内容 -->
<div class="content">
	<!-- 左边内容 -->
	<div class="left_content">
		<ul class="left_nav" id="left_ul">
			<li><a href="index.php" class="li_a">
				<span class="text">
					<?php echo "<img src='images/notice.png' alt='图片' class='left_img1'";?>&nbsp;
					<span>动&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;态</span>
				</span>
				<canvas id="canvas_index1" width="18" height="48"></canvas>	
			</a></li>
			<li class="active_nav"><a href="addcourse.php" class="li_a">
				<span class="text">
					<?php echo "<img src='images/course.png' alt='图片' class='left_img2'";?>
					<span>创建课程</span>
				</span>
				<canvas id="canvas_index2" width="18" height="48"></canvas>
			</a></li>
			<li><a href="mycourse.php" class="li_a">
				<span class="text">
					<?php echo "<img src='images/mycourse.png' alt='图片' class='left_img3'";?>
					<span>我的课程</span>
				</span>
				<canvas id="canvas_index3" width="18" height="48"></canvas>
			</a></li>
			<li><a href="checkbook1.php" class="li_a">
				<span class="text">
					<?php echo "<img src='images/correct.png' alt='图片' class='left_img4'";?>
					<span>批改作业</span>
				</span>
				<canvas id="canvas_index4" width="18" height="48"></canvas>
			</a></li>
			<li><a href="per_setup.php" class="li_a">
				<span class="text">
					<?php echo "<img src='images/setup.png' alt='图片' class='left_img6'";?>
					<span>个人设置</span>
				</span>
				<canvas id="canvas_index6" width="18" height="48"></canvas>
			</a></li>
		</ul>
	</div>

	<!-- 右边内容 -->
	<div class="center_content">
		<ul id="nav">
			<li class="active li_a1"><a href="#" class="clearfloat a_prohibit">
				<span class="text">
					<span class="number">01</span>
					<span>基本信息</span>
				</span>
				<canvas id="canvas1" width="14" height="34"></canvas>
			</a></li>
			<li class="active li_a2"><a href="#" class="clearfloat a_prohibit">
				<canvas id="canvas2" width="14" height="34"></canvas>
				<span class="text">
					<span class="number">02</span>
					<span>课程详情</span>
				</span>
				<canvas id="canvas3" width="14" height="34"></canvas>
			</a></li>
			<li class="active li_a3"><a href="#" class="clearfloat a_prohibit">
				<canvas id="canvas4" width="14" height="34"></canvas>
				<span class="text">
					<span class="number">03</span>
					<span>创建完成</span>
				</span>
			</a></li>
		</ul>
		
		<form action="" method="post" class="content_form">
			<label for="symbol">学科标识</label>
			<input type="text" id="symbol" name="symbol" value="一级学科名称/二级学科名称">
			<label for="name">课程名称</label>
			<input type="text" id="name" name="name" value="这里是我的课程名称"><br/><br/>
			<label for="code">课程分享码</label>
			<input type="text" id="code" name="code" value="EX0987655444">
			<label for="time">开设时间</label>
			<input type="text" id="time" name="time" value="2015/05/21"><br/><br/>
			<label for="text">课程详情</label><br/>
			<textarea name="details" id="text" cols="30" rows="10" class="textarea"></textarea>
		</form>
	</div>

	<!-- 右侧栏 -->
	<?php
		include_once("right_content.php");
	?>
</div>

<!-- 加载左边导航的样式 -->
<?php
	include_once("nav_style.php");
?>

<?php
echo <<<canvas
<script>
    //创建绘图容器
    var canvas1 = document.getElementById("canvas1");
    var canvas2 = document.getElementById("canvas2");
    var canvas3 = document.getElementById("canvas3");
    var canvas4 = document.getElementById("canvas4");
   
   	function canvas_triangle1(canvas) {
		var context = canvas.getContext("2d");

		//状态设置
		context.moveTo(0, 0);
    	context.lineTo(0, 34);
   		context.lineTo(14, 18);
    	context.lineTo(0, 0);
		context.fillStyle = "#049fc7";  //设置填充颜色

		//状态绘画
		context.fill();
   	}

    function canvas_triangle2(canvas) {
		var context = canvas.getContext("2d");

		//状态设置
		context.moveTo(0, 0);
    	context.lineTo(0, 34);
   		context.lineTo(14, 18);
    	context.lineTo(0, 0);
		context.fillStyle = "#fff";  //设置填充颜色#fff

		//状态绘画
		context.fill(); 
    }
   
   	canvas_triangle1(canvas1);
 	canvas_triangle1(canvas3);
 	canvas_triangle2(canvas2);
 	canvas_triangle2(canvas4);
</script>

canvas;
?>

<!-- 加载底部信息 -->
<?php
	include_once("footer.php");
?>

</body>
</html>